.song,.song a,.song a:hover,.song p,.song b,.song font,.song span,.song em,.song i{font-family:Arial,"宋体", Helvetica, sans-serif;}
.hei,.hei a,.hei a:hover,.hei p,.hei b,.hei font,.hei span,.hei em,.hei i{font-family:Arial,"黑体", Helvetica, sans-serif;}
.yh,.yh a,.yh a:hover,.yh p,.yh b,.yh font,.yh span,.yh em,.yh i{font-family:Arial,"微软雅黑", Helvetica, sans-serif;}
.red,.red a,.red p,.red b,.red font,.red span,.red em,.red i{ color:#e60000;}
.gr,.gr a,.gr p,.gr b,.gr font,.gr span,.gr em,.gr i{ color:#2658a8;}
.or,.or a,.or p,.or b,.or font,.or span,.or em,.or i{ color:#ff6e0b;}
.cw,.cw a,.cw p,.cw b,.cw font,.cw span,.cw em,.cw i{ color:#fff;}
.cw a:hover{ color:#e60000;}
.cb,.cb a,.cb p,.cb b,.cb font,.cb span,.cb em,.cb i{ color:#000;}
.cb a:hover{ color:#e60000;}
.bol,.bol a,.bol a:hover,.bol p,.bol b,.bol font,.bol span,.bol em,.bol i{ font-weight:bold;}
.upp,.upp a,.upp a:hover,.upp p,.upp b,.upp font,.upp span,.upp em,.upp i{text-transform:uppercase;}
.f12,.f12 a,.f12 a:hover,.f12 p,.f12 b,.f12 font,.f12 span,.f12 em,.f12 i{ font-size:12px;}
.f13,.f13 a,.f13 a:hover,.f13 p,.f13 b,.f13 font,.f13 span,.f13 em,.f13 i{ font-size:13px;}
.f14,.f14 a,.f14 a:hover,.f14 p,.f14 b,.f14 font,.f14 span,.f14 em,.f14 i{ font-size:14px;}
.f15,.f15 a,.f15 a:hover,.f15 p,.f15 b,.f15 font,.f15 span,.f15 em,.f15 i{ font-size:15px;}
.f16,.f16 a,.f16 a:hover,.f16 p,.f16 b,.f16 font,.f16 span,.f16 em,.f16 i{ font-size:16px;}
.f17,.f17 a,.f17 a:hover,.f17 p,.f17 b,.f17 font,.f17 span,.f17 em,.f17 i{ font-size:17px;}
.f18,.f18 a,.f18 a:hover,.f18 p,.f18 b,.f18 font,.f18 span,.f18 em,.f18 i{ font-size:18px;}
.f19,.f19 a,.f19 a:hover,.f19 p,.f19 b,.f19 font,.f19 span,.f19 em,.f19 i{ font-size:19px;}
.f20,.f20 a,.f20 a:hover,.f20 p,.f20 b,.f20 font,.f20 span,.f20 em,.f20 i{ font-size:20px;}
.f21,.f21 a,.f21 a:hover,.f21 p,.f21 b,.f21 font,.f21 span,.f21 em,.f21 i{ font-size:21px;}
.f22,.f22 a,.f22 a:hover,.f22 p,.f22 b,.f22 font,.f22 span,.f22 em,.f22 i{ font-size:22px;}
.f23,.f23 a,.f23 a:hover,.f23 p,.f23 b,.f23 font,.f23 span,.f23 em,.f23 i{ font-size:23px;}
.f24,.f24 a,.f24 a:hover,.f24 p,.f24 b,.f24 font,.f24 span,.f24 em,.f24 i{ font-size:24px;}
.f25,.f25 a,.f25 a:hover,.f25 p,.f25 b,.f25 font,.f25 span,.f25 em,.f25 i{ font-size:25px;}
.f26,.f26 a,.f26 a:hover,.f26 p,.f26 b,.f26 font,.f26 span,.f26 em,.f26 i{ font-size:26px;}
.f27,.f27 a,.f27 a:hover,.f27 p,.f27 b,.f27 font,.f27 span,.f27 em,.f27 i{ font-size:27px;}
.f28,.f28 a,.f28 a:hover,.f28 p,.f28 b,.f28 font,.f28 span,.f28 em,.f28 i{ font-size:28px;}
.f29,.f29 a,.f29 a:hover,.f29 p,.f29 b,.f29 font,.f29 span,.f29 em,.f29 i{ font-size:29px;}
.f30,.f30 a,.f30 a:hover,.f30 p,.f30 b,.f30 font,.f30 span,.f30 em,.f30 i{ font-size:30px;}
.f31,.f31 a,.f31 a:hover,.f31 p,.f31 b,.f31 font,.f31 span,.f31 em,.f31 i{ font-size:31px;}
.f32,.f32 a,.f32 a:hover,.f32 p,.f32 b,.f32 font,.f32 span,.f32 em,.f32 i{ font-size:32px;}
.f33,.f33 a,.f33 a:hover,.f33 p,.f33 b,.f33 font,.f33 span,.f33 em,.f33 i{ font-size:33px;}
.f34,.f34 a,.f34 a:hover,.f34 p,.f34 b,.f34 font,.f34 span,.f34 em,.f34 i{ font-size:34px;}
.f35,.f35 a,.f35 a:hover,.f35 p,.f35 b,.f35 font,.f35 span,.f35 em,.f35 i{ font-size:35px;}
.f36,.f36 a,.f36 a:hover,.f36 p,.f36 b,.f36 font,.f36 span,.f36 em,.f36 i{ font-size:36px;}
.f37,.f37 a,.f37 a:hover,.f37 p,.f37 b,.f37 font,.f37 span,.f37 em,.f37 i{ font-size:37px;}
.f38,.f38 a,.f38 a:hover,.f38 p,.f38 b,.f38 font,.f38 span,.f38 em,.f38 i{ font-size:38px;}
.f39,.f39 a,.f39 a:hover,.f39 p,.f39 b,.f39 font,.f39 span,.f39 em,.f39 i{ font-size:39px;}
.f40,.f40 a,.f40 a:hover,.f40 p,.f40 b,.f40 font,.f40 span,.f40 em,.f40 i{ font-size:40px;}
.f41,.f41 a,.f41 a:hover,.f41 p,.f41 b,.f41 font,.f41 span,.f41 em,.f41 i{ font-size:41px;}
.f42,.f42 a,.f42 a:hover,.f42 p,.f42 b,.f42 font,.f42 span,.f42 em,.f42 i{ font-size:42px;}
.f43,.f43 a,.f43 a:hover,.f43 p,.f43 b,.f43 font,.f43 span,.f43 em,.f43 i{ font-size:43px;}
.f44,.f44 a,.f44 a:hover,.f44 p,.f44 b,.f44 font,.f44 span,.f44 em,.f44 i{ font-size:44px;}
.f45,.f45 a,.f45 a:hover,.f45 p,.f45 b,.f45 font,.f45 span,.f45 em,.f45 i{ font-size:45px;}
.f46,.f46 a,.f46 a:hover,.f46 p,.f46 b,.f46 font,.f46 span,.f46 em,.f46 i{ font-size:46px;}
.f47,.f47 a,.f47 a:hover,.f47 p,.f47 b,.f47 font,.f47 span,.f47 em,.f47 i{ font-size:47px;}
.f48,.f48 a,.f48 a:hover,.f48 p,.f48 b,.f48 font,.f48 span,.f48 em,.f48 i{ font-size:48px;}
.f49,.f49 a,.f49 a:hover,.f49 p,.f49 b,.f49 font,.f49 span,.f49 em,.f49 i{ font-size:49px;}
.f50,.f50 a,.f50 a:hover,.f50 p,.f50 b,.f50 font,.f50 span,.f50 em,.f50 i{ font-size:50px;}
.f54,.f54 a,.f54 a:hover,.f54 p,.f54 b,.f54 font,.f54 span,.f54 em,.f54 i{ font-size:54px;}


@font-face {
  font-family:"arial_bold";
  src:url('../fonts/arial_bold.eot');
  src:url('../fonts/arial_bold.eot') format('embedded-opentype'),
      url('../fonts/arial_bold.woff') format('woff'),
      url('../fonts/arial_bold.ttf') format('truetype'),
      url('../fonts/arial_bold.svg') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
  font-family:"bodoni_bd_bt";
  src:url('../fonts/bodoni_bd_bt.eot');
  src:url('../fonts/bodoni_bd_bt.eot') format('embedded-opentype'),
      url('../fonts/bodoni_bd_bt.woff') format('woff'),
      url('../fonts/bodoni_bd_bt.ttf') format('truetype'),
      url('../fonts/bodoni_bd_bt.svg') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
  font-family:"times_new_roman";
  src:url('../fonts/times_new_roman.eot');
  src:url('../fonts/times_new_roman.eot') format('embedded-opentype'),
      url('../fonts/times_new_roman.woff') format('woff'),
      url('../fonts/times_new_roman.ttf') format('truetype'),
      url('../fonts/times_new_roman.svg') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
  font-family:"impact";
  src:url('../fonts/impact.eot');
  src:url('../fonts/impact.eot') format('embedded-opentype'),
      url('../fonts/impact.woff') format('woff'),
      url('../fonts/impact.ttf') format('truetype'),
      url('../fonts/impact.svg') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
  font-family:"agency_fb";
  src:url('../fonts/agency_fb.eot');
  src:url('../fonts/agency_fb.eot') format('embedded-opentype'),
      url('../fonts/agency_fb.woff') format('woff'),
      url('../fonts/agency_fb.ttf') format('truetype'),
      url('../fonts/agency_fb.svg') format('svg');
font-weight: normal;
font-style: normal;
}
.agency_fb{font-family:"agency_fb";}





/*首页*/
.ttbox { height:41px; background:#2657a4;}
.ttbox .ll{ line-height:41px;}
.ttbox .lr a{ display:inline-block; vertical-align:middle; width:67px; padding-left:35px; text-align:left; height:41px; font-family:Arial,"宋体", Helvetica, sans-serif; line-height:41px; font-size:12px; color:#fff;}
.ttbox .lr a:hover{ color:#fff000;}
.ttbox .lr .a1{background:url(../images/sy1.jpg) no-repeat left center;}
.ttbox .lr .a2{background:url(../images/sy2.jpg) no-repeat left center;}
.ttbox .lr .a3{background:url(../images/sy3.jpg) no-repeat left center;}
.ttbox .search03{ display:inline-block; vertical-align:middle; width:288px; height:25px; overflow:hidden;}
.ttbox .search03 .input{ float:left; width:232px; padding:0px 10px; height:25px; line-height:25px; color:rgba(0,0,0,0.7); font-size:12px; font-family:Arial,"宋体", Helvetica, sans-serif; overflow:hidden; border:none;}
.ttbox .search03 .button{ float:left; width:36px; height:25px; cursor:pointer;border:none;}

.probox { height:319px;}
.probox dl { height:192px; text-align:center;}
.probox dl h1{ padding-top:51px; margin-bottom:34px;}
.probox dl h2{ color:#443e3e;}
.probox dl h2 b{ color:#ff6e0b;}
.protit { width:528px; height:68px; margin:0 auto; overflow:hidden; position:relative; background:url(../images/sy8.jpg) no-repeat;}
.protit em{ font-size:18px; color:#3d3d3d; display:inline-block; position:absolute; z-index:9999;}
.protit .e1{ left:59px; top:27px;}
.protit .e2{ left:179px; top:27px;}
.protit .e3{ left:296px; top:27px;}
.protit .e4{ left:413px; top:27px;}

.proconbox{ height:700px;}
.product01{
	position:relative;
	cursor:pointer;
	float:left;
	width:300px;
	height:300px;
	background-color:#E7E7E7;
	overflow:hidden;
	display:block;
	border: 5px solid #CCCCCC;	
}
.pro04_1{background:url(../images/cp1.png) no-repeat;}
.pro04_2{background:url(../images/cp2.png) no-repeat;}
.pro04_3{background:url(../images/cp3.png) no-repeat;}
.pro04_4{background:url(../images/cp4.png) no-repeat;}
.pro04_5{background:url(../images/cp5.png) no-repeat;}
.pro04_6{background:url(../images/cp6.png) no-repeat;}
.pro04_7{background:url(../images/cp7.png) no-repeat;}
.pro04_8{background:url(../images/cp8.png) no-repeat;}
.pro04a { width:300px; height:300px; position:relative;}
.pro04a .bg{ position:absolute; z-index:999; left:23px; top:28px; width:111px; height:139px;background:url(../images/sy27.png) no-repeat;} 
.pro04a h1{ margin-left:-164px; padding-top:49px; line-height:28px; margin-bottom:20px;}
.pro04a h2{ margin-left:-114px; font-size:18px; color:#fff;}
.pro04b{ position:absolute; text-align:center; z-index:99999; display:none; top:0; left:0; width:300px; height:300px; background:rgba(0,0,0,0.5); cursor:auto;}
.pro04b h1{ height:67px; text-align:center; padding-top:70px; margin-bottom:20px;}
.pro04b h1 img{ width:66px; height:67px;}
.pro04b span{margin:auto; font-size:16px; color:#ffffff; font-family:"微软雅黑"; text-align:center;}
.pro04b span a{color:#ffffff;}
.product01:hover .pro04b{display:block; z-index:9}
.product01:hover .pro04a{display:none; z-index:0;}